<!doctype html>
<html >

<head>
  <title>花</title>
  <link rel="stylesheet" href="css/main.css">
  <meta charset="UTF-8">
  <meta name="theme-color" content="#fafafa">
  <script src="js/jquery.min.js"></script>
  <!--<script src="js/canvas.js"></script>-->
  <script src="js/flower.js"></script>
  <script src="js/main.js"></script>
</head>

<body>
<div class="container display_flex">
    <div class="left">
    <div class="line display_flex"> <label>花瓣数量：</label><input type="number" value="5" name="num"/><button onclick="changeNum()" type="button">确认</button></div>
    <div class="line display_flex"> <label>旋转速度：</label><input type="number" value="0.5" name="speed"/><button onclick="changeV()" type="button">确认</button></div>
    </div>
    <div class="right">
        <!--学习之花-->
        <div class="flower_class">
          <canvas id="myCanvas" width="450" height="450" class="stage"></canvas>
        </div>
        
    </div>
</div>

</body>

</html>
